import React from 'react'
import './index.css'
export default function OrdDet() {
    return (
        <div style={{ width: 1088, margin: '0px 0 40px 0px' }}>
            <div className='od-head'>
                <span>订单编号:12332424231232</span>
                <span>订单状态:<i>待付款</i></span>
                <button>立即支付</button>
                <button>取消订单</button>
            </div>
            <div className='od-pay'>
                <ul>
                    <li><span>支付方式</span><span>支付宝</span></li>
                    <li><span>支付流水号</span><span>45298382938299238</span></li>
                    <li><span>下单时间</span><span>2021-12-13 13:12:45</span></li>
                    <li><span>支付时间</span><span>2021-12-13 13:12:45</span></li>
                    <li><span>发货时间</span><span>2021-12-13 13:12:45</span></li>
                    <li><span>收货时间</span><span>待付款</span></li>
                    <li><span>取消时间</span><span>未取消 待付款</span></li>
                    <li><span>申请退款时间</span><span>无</span></li>
                    <li><span>退款原因</span><span>无</span></li>
                    <li><span>退款时间</span><span>无</span></li>
                    <li><span>订单备注</span><span>多放辣椒</span></li>
                </ul>
            </div>
            <h3 className='od-h3'>收货人信息</h3>
            <div className='od-pay'>
                <ul>
                    <li><span>收货人姓名</span><span>张三</span></li>
                    <li><span>地址</span><span>美国旧金山</span></li>
                    <li><span>联系方式</span><span>13342142134</span></li>
                </ul>
            </div>
            <h3 className='od-h3'>发票信息</h3>
            <div className='od-pay'>
                <ul>
                    <li><span>发票抬头</span><span>FBI</span></li>
                    <li><span>发票内容</span><span>您已被逮捕</span></li>
                </ul>
            </div>
            <h3 className='od-h3'>物流信息</h3>
            <div className='od-pay'>
                <ul>
                    <li><span>联系人</span><span>FBI</span></li>
                    <li><span>联系方式</span><span>91133344</span></li>
                </ul>
            </div>
            <h3 className='od-h3'>卖家信息</h3>
            <div className='od-pay'>
                <ul>
                    <li><span>店铺名称</span><span>海澜之家</span></li>
                    <li><span>真实姓名</span><span>李四</span></li>
                    <li><span>联系电话</span><span>134243434343</span></li>
                </ul>
            </div>
            <div className='od-shopmag'>
                <ul>
                    <li><span>爱果水果店</span><span>规格</span><span>单价</span><span>数量</span><span>金额</span></li>
                    <li><img src="" alt="" /><span>云南芒果4个装</span><span>8个装</span><span>￥999</span><span>1</span><span>￥888</span></li>
                    <li><img src="" alt="" /><span>云南芒果4个装</span><span>8个装</span><span>￥999</span><span>1</span><span>￥888</span></li>
                </ul>
            </div>
            <div className='od-footer'>
                <ul>
                    <li>实付金额: <span>￥999</span></li>
                    <li><button>取消订单</button><button>立即支付</button></li>
                </ul>
            </div>
        </div>
    )
}
